@use "./reset";

.app-container {
  padding: 15px;
}

.search-bar {
  padding: 18px 0 0 10px;
  margin-bottom: 10px;
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  border-radius: 4px;
  box-shadow: var(--el-box-shadow-light);
}

.table-container > .el-card__header {
  padding: calc(var(--el-card-padding) - 8px) var(--el-card-padding);
}

// 进度条颜色
#nprogress .bar {
  background-color: var(--el-color-primary);
}

/*cb add*/
.body-container {
  background-color: var(--el-bg-color-page);
  //background-color: #ffffff;
  height : 100%;
  overflow: auto;
  color: #000000;
  padding: 12px 12px 0 12px;
  box-sizing:border-box;
}
.mt10{
  margin-top: 10px!important;
}
.mt15{
  margin-top: 15px !important;
}
table.mytable{
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: left;
  table-layout: fixed;
  font-size: 14px;
  td,
  th{
    border: 1px solid #cccccc;
    color: #333333;
    height: 30px;
    line-height: 30px;
    word-break: break-all;
    word-wrap: break-word;
    text-indent: 2px;
    padding: 3px;
  }
  th{
    background-color: #ffffff;
    font-weight: 800;
  }
  td{
    background:none;
  }
}
.tac{
  text-align: center;
}
.mt_5{
  margin-top: 5px;
}
.clearfix{}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size:0;
}
.el-table tr.warning-row {
  --el-table-tr-bg-color: var(--el-color-warning-light-8);
}
.el-dialog__header.show-close{
  background-color: #007460 !important;
  .el-dialog__title{
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    top:10px;
    left: 10px;
  }
}
.el-dialog__body{
  padding: 10px 6px 0 6px;
}
.el-dialog{
  padding: 0 !important;
}

.el-table--default .el-table__cell{
  padding: 5px 0 !important;
}
.el-table .el-table__cell{
  padding: 5px 0 !important;
}

.el-table--default .cell {
  padding: 0 5px !important;
}

.el-table .cell {
  padding: 0 5px !important;
}
